Skip to content

アイコンライブラリ導入によるSVGハードコード除去#33

Merged
ktmage merged 3 commits into
developmentfrom
feature/28/svg-icons
Mar 1, 2026
Merged

アイコンライブラリ導入によるSVGハードコード除去#33
ktmage merged 3 commits into
developmentfrom
feature/28/svg-icons

Conversation

@ktmage

@ktmage ktmage commented Mar 1, 2026

Copy link
Copy Markdown
Owner

Summary

ハードコードされた約35個のSVGアイコンを react-icons/vsc(VS Code Codicons)に置き換え、保守性を向上させた。

Related Issue

#28

Changes

  • react-icons パッケージを依存に追加
  • webview/components/atoms/icons/icons.tsx の全アイコンを react-icons/vsc のラッパーに置換(SpinnerIcon のみアニメーション付きカスタムSVGのため維持)
  • 既存の公開API(コンポーネント名・IconProps 型)は維持し、呼び出し側の変更不要
  • 未テストだった7アイコン(ForkIcon, BackIcon, ShareIcon, UnshareIcon, AgentIcon, UndoIcon, RedoIcon)のテストを追加
  • テスト数: 227 → 283(+56)

Checklist

  • npm run build passes
  • npm test passes

@ktmage ktmage merged commit 9b41e8b into development Mar 1, 2026
1 check passed
ktmage added a commit that referenced this pull request Mar 1, 2026
THIRD_PARTY_NOTICES.md に react-icons (VS Code Icons subset) のライセンスを追加。
CHANGELOG の Unreleased に Keyboard navigation for inline popups と
SVG アイコン置換を追記。
@ktmage ktmage deleted the feature/28/svg-icons branch March 1, 2026 17:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant